<div class="auth-main">
    <div class="auth-block">
        <h1>Ideabrew</h1>
        <a [routerLink]="['/register']" class="auth-link">New to CrowdSourcing? Sign up!</a>
        <h3>Forgot your password? Enter your email address</h3>
        <form [formGroup]="form" (ngSubmit)="onSubmit(form.value)" class="form-horizontal">
            <div class="form-group row"
                 [ngClass]="{'has-error': (!form.get('email').valid && form.get('email').touched), 'has-success': (form.get('email').valid && form.get('email').touched)}">
                <label for="inputEmail3" class="col-sm-2 col-xs-2 control-label custom-width-10 input-label">
                    <i _ngcontent-tcq-7="" class="fa fa-envelope fa-2x"
                       style="color: #000;padding-left: 15px;position: relative;top: 5px;"></i>
                </label>

                <div class="col-sm-10 col-xs-10">
                    <input formControlName="email" type="email"  class="form-control" id="inputEmail3" placeholder="Email"
                           required>
                </div>
            </div>
            <div class="form-group row">
                <div class="col-sm-offset-2 col-sm-10 custom-offset-10 custom-sigin">
                    <button [disabled]="!form.valid" type="submit" class="btn btn-default btn-auth lgn">Submit</button>
                </div>
            </div>
        </form>
    </div>
</div>
